<template>
	<view style="text-align: center;">

		<image class="image" :src="iconFilePath" @click="updateImage()" mode="aspectFill">
			</image>
			
</view>


</template>

<script>
	export default {
		data() {
			return {
				iconFilePath: "/static/logo.png"
			}
		},
		methods: {
			updateImage() {
				uni.chooseImage({
					count: 1,
					sourceType: ['album'],
					success: (res) => {
						console.log("updateImage choose:" + res.tempFilePaths[0]);
						this.iconFilePath = res.tempFilePaths[0];
						uni.previewImage({
							urls:res.tempFilePaths,
						});
					}
					
				});
				}
				

			}
		}
	
</script>

<style>
.image{
	height: 300rpx;
	width: 300rpx;
	margin-top: 50rpx;
	border-radius: 50%;	
}
</style>